﻿<div class="content-wrap research-listings">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>
    <div class="content">
        <div class="content-pad">
            <!--<div class="page-title">Company Research</div>-->
            <!--<div class="left-content">
                <div style="line-height: 11px;">&nbsp;</div>
            </div>
            
            <div class="right-content">

                
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div><br /><br />-->

            <!--<input type="text" class="search-inp ng-valid ng-dirty" ng-model="companyList.tempSearch" placeholder="Search Company" style="width: 200px; background: transparent;" 
                   ng-enter="companyList.searchButtonClick()">
            <input type="button" value="" ng-click="companyList.searchButtonClick()" class="search-btn">-->
            
            <div class="clear">&nbsp;</div><br />            
            <div class="table" style="table-layout: fixed;">
                <div class="table-row">
                    <div class="table-head width_130" style="position: relative; width: 180px;">
                        <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('CompanyNameLowercase');" ng-class="companyList.orderByCol === 'CompanyNameLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a>
                        <div style="" class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="companyList.tempSearch" ng-enter="companyList.searchButtonClick()">
                            <input type="button" value="" ng-click="companyList.searchButtonClick()" class="search-btn-white">
                        </div>
                    </div>
                    <div class="table-head width_80"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('ExchangesLowercase');" ng-class="companyList.orderByCol === 'ExchangesLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Exchange</a></div>
                    <div class="table-head width_80 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('TickersLowercase');" ng-class="companyList.orderByCol === 'TickersLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Ticker</a></div>
                    <!--<div class="table-head width_130"><a href="" ng-click="companyList.setOrderByCol('Country');" ng-class="companyList.orderByCol === 'Country' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Country</a></div>-->
                    <div class="table-head width_110"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('RootPeerGroup');" ng-class="companyList.orderByCol === 'RootPeerGroup' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a></div>
                    <div class="table-head width_80 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasEsgResearch');" ng-class="companyList.orderByCol === 'HasEsgResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">ESG Rating</a></div>
                    <div class="table-head width_80 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasGovernanceResearch');" ng-class="companyList.orderByCol === 'HasGovernanceResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Governance</a></div>
                    <div class="table-head width_90 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasControversyResearch');" ng-class="companyList.orderByCol === 'HasControversyResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Controversies</a></div>
                    <div class="table-head width_110 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasGccsResearch');" ng-class="companyList.orderByCol === 'HasGccsResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Global Compact</a></div>
                    <div class="table-head width_110 center-align"><a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('PIResearchState');" ng-class="companyList.orderByCol === 'PIResearchState' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Compliance</a></div>
                    
                </div>
                <div class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}" ng-repeat="company in companyList.companyList">
                    <div class="table-cell width_290" ng-class="{'last':$last}" style="width: 180px; border-left: 1px solid #e0e0e0;">
                        <a ng-show="company.isEnabled" href="#/research/overview/{{company.companyNameUrlFriendly}}" style="width: 180px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{company.companyName}}">{{company.companyName}}</a>
                        <span ng-show="!company.isEnabled" style="width: 180px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{company.companyName}}">{{company.companyName}}</span>
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{company.exchangeCode}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{company.ticker}}
                    </div>
                    <!--<div class="table-cell width_130">
                        {{company.country}}
                    </div>-->
                    <div class="table-cell width_130" ng-class="{'last':$last}">
                        {{company.rootPeerGroup}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        <span ng-show="company.hasEsgResearch" class="comp_has_research"></span>
                        <span ng-show="!company.hasEsgResearch" class="comp_no_research"></span>
                    </div>
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <span ng-show="company.hasGovernanceResearch" class="comp_has_research"></span>
                        <span ng-show="!company.hasGovernanceResearch" class="comp_no_research"></span>
                    </div>
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <span ng-show="company.hasControversyResearch" class="comp_has_research"></span>
                        <span ng-show="!company.hasControversyResearch" class="comp_no_research"></span>
                    </div>
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <span ng-show="company.hasGccsResearch" class="comp_has_research"></span>
                        <span ng-show="!company.hasGccsResearch" class="comp_no_research"></span>
                    </div>
                    <div class="table-cell width_110 center-align" ng-class="{'last':$last}">
                        <span ng-show="company.piResearchState" class="comp_has_research"></span>
                        <span ng-show="!company.piResearchState" class="comp_no_research"></span>
                    </div>
                    
                </div>
            </div>
            <sustainalytics-pager></sustainalytics-pager>
        </div>
    </div>
</div>